<template>
  <h2>A组件</h2>
  <h3>默认插槽</h3>
  <slot />
  <h3>具名插槽</h3>
  <!-- {list:[{}]} -->
  <slot name="content" />
  <h3>作用域插槽</h3>
  <slot name="footer" :list="list" />
</template>
<script lang="ts" setup>
import { reactive } from "vue";
const list = reactive([
  {
    id: "001",
    title: "俏也不争春",
  },
  {
    id: "002",
    title: "只把春来报",
  },
]);
</script>

<style lang="less" scoped></style>
